.tile-show-wrapper
  position relative
  cursor pointer
  user-select none
  
  &:hover
    .tile-show-cover
      display block
    
    .tile-show-border-hover
      display block

// 原始图片文件
.tile-show-image
  width 100%
  height 100%
  display block

// 覆盖图片文件
.tile-show-cover-image
  position absolute

.tile-show-layer
  position absolute
  top 0
  bottom 0
  left 0
  right 0

// 固定边框
.tile-show-border
  &.border-left:before
    content ''
    position absolute
    bottom 0
    top 0
    left 0
    width 0.5px
    background-color $cm-color-grey-6
    
  &.border-top:before
    content ''
    position absolute
    top 0
    right 0
    left 0
    height 0.5px
    background-color $cm-color-grey-6
  
  &.border-right:after
    content ''
    position absolute
    top 0
    bottom 0
    right 0
    width 0.5px
    background-color $cm-color-grey-6
    
  &.border-bottom:after
    content ''
    position absolute
    left 0
    bottom 0
    right 0
    height 0.5px
    background-color $cm-color-grey-6

// 边框特效
.tile-show-border-hover
  border 3px solid $cm-color-blue-0
  display none

// 遮盖层特效
.tile-show-cover
  display none
  background-color rgba(0, 0, 0, 0.5)
  
.tile-show-cover-wrapper
  position relative
  width 100%
  height 100%
  display flex
  flex-wrap wrap
  justify-content center
  align-items center
  color $cm-color-white
  
.tile-show-cover-setting
  width 50%
  height 50%
  position relative
  cursor pointer
  
  .ivu-tooltip-rel
    width 100%
    height 100%
    position relative
  
  .ivu-icon
    position absolute
    top 50%
    left 50%
    transform translate(-50%,-50%)
  